<template>
  <div class="formInput">
         <el-form-item :prop="currentData.key" :label="currentData.displayName" :rules="rules">
              <el-input type="password" v-model="currentData.value"/>
         </el-form-item>
  </div>
</template>
<script lang="ts">
 
import { Component, Vue,Prop} from 'vue-property-decorator';
@Component({
  components: {
  },
})
export default class FormInput extends Vue {
     @Prop() public data!: any;
     private value:any="";
     private rules=[];
     async created(){
          this.value=this.currentData.name;
          this.rules=this.currentData.rules;
     }
     public get currentData(){
          return this.data;
     }
}
</script>
<style lang="less">
    .formInput{
         width: 30%;
         display: flex;
    }
</style>
